<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ page contentType="text/html;charset=UTF-8" language="java" %> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
<link rel="stylesheet" type="text/css" href="../resource/css/screen.css" />
<link href="${pageContext.request.contextPath}/resource/css/uploadify.css"
         rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/swfobject.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/jquery.uploadify.v2.1.0.js"></script>
</head>
<body>
     
       <div class="index_wrap">
          <div class="brand_big">
             <img alt="brand_big" src="../resource/images/brand_big.gif" />
             
          </div>
          
          <div class="index_head">
             <div class="index_head_l">
                 <div class="index_head_r">
                    <ul id="nav">
                      <li class="nav_image nav_current"><a title="picture" href="#"><img alt="picture" src="../resource/images/image.gif" /></a></li>
                      <li class="nav_video"><a title="video" href="#"><img alt="video" src="../resource/images/video.gif" /></a></li>
                      <li class="nav_audio"><a title="audio" href="#"><img alt="audio" src="../resource/images/audio.gif" /></a></li>
                      <li class="nav_model"><a title="model" href="#"><img alt="model" src="../resource/images/model.gif" /></a></li>
                      <li class="nav_action"><a title="activity" href="#"><img alt="activity" src="../resource/images/action.gif" /></a></li>
                    </ul>
                 </div>
             </div>
          </div>
              <form id="key_form" method="get" style="display:none;clear:both;" target="upload_target" action="${pageContext.request.contextPath}/sz/pictureNameSearch.action" >
               <div class="inputbox">
                 <div class="input_radio">
                  <p>
                  	<input type="radio" id="to_con" name="content" />
                  	<label for="radio_c1">内容搜索</label>
                  </p>
                  <p>
                  	<input type="radio" name="content" checked="checked" />
                  	<label for="radio_i1">关键字搜索</label>
                  </p>
                 </div>
               </div>
               <div id="key_search1" class="key_search">
                  <input class="key_t" name="picture.title" type="text" />
                  <input class="key_b" value="" type="submit" />
               </div>
               <div style="clear:both;"></div>
              </form>
              <form id="content_from" style="clear:both;"   method="post" target="upload_target" action="${pageContext.request.contextPath}/sz/uploadTempicture.action" enctype="multipart/form-data">
               <div class="inputbox">
                 <div class="input_radio">
                  <p>
                  	<input type="radio" name="content" checked="checked" />
                  	<label for="radio_c1">内容搜索</label>
                  </p>
                  <p>
                  	<input type="radio" name="content" id="to_key" />
                  	<label for="radio_i1">关键字搜索</label>
                  </p>
                  
                 </div>
               </div>
               <div id="key_search1" class="key_search">
                  <p style="font-size:12px;height:32px; overflow:hidden; position:absolute;">
                 	 <input style="height:32px;" id="files" value="浏览" name="files" type="file" />
                  	<input class="key_b" type="submit" value="" />
                  </p>
               </div>
                  <div style="clear: both;" ></div>
              </form>
         <div class="index_footer">
          <p><span>&copy;</span><span>电子科技大学数字媒体技术研究所</span><span>All rights reserved</span></p>
           <p>Powered by Dreamfly</p>
         </div>
        </div>
       <div class="manager_tool">
           <a href="${pageContext.request.contextPath}/sz/initialRegister.action" class="register">注册</a>
           <a href="${pageContext.request.contextPath}/sz/manager.action" class="manager_center">后台管理</a>
       </div>
       <script type="text/javascript">
       	$(document).ready(function(){
       		$("ul#nav").find("a").click(function(){
       			$("ul#nav li.nav_current").removeClass("nav_current");
       			$(this).parent().addClass("nav_current");
       			var input_na=this.title+".title";
       			if(this.title=="audio" || this.title=="model" || this.title=="activity"){
       				$("div.input_radio").css("visibility","hidden");
       				$("#key_form").css('display','block');
       		        $("#content_from").css('display','none');
       			}else{
       				$("div.input_radio").css("visibility","visible");
       				var con_action="${pageContext.request.contextPath}/sz/uploadTem"+this.title+".action";
       				$("#content_from").attr("action",con_action);
       			}
       			$("input[type=text]").attr("name",input_na);
       			var form_ac="${pageContext.request.contextPath}/sz/"+this.title+"NameSearch.action";
       			$("#key_form").attr("action",form_ac);
       		});

       	$("#to_con").click(function(){
       		$("#key_form").css('display','none');
       		$("#content_from").css('display','block');
       		return false;
       	});
       	$("#to_key").click(function(){
       		$("#key_form").css('display','block');
       		$("#content_from").css('display','none');
       		return false;
       	});
       	$("#files").change(function(){
       		$("#show_p").show();
       		
       	});
       });
       </script>
</body>
</html>
